<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>子元素选择器渲染文章作者的样式</title>
		<style>
			a {
				text-decoration: none;
			}
			/* div>a {
				color: red;
			}
			 */
			.article-title>div>a {
				font-size: 12px;
				color: #9199a1;
				line-height: 18px;
			}
			
			
			
		</style>
	</head>
	<body>
			<div class="article-title">
				<div>
					<div>
						<a href="">
							<p>LeetCode 周赛 336，多少人直接 CV？</p>
						</a>
					</div>
				</div>
				<div><a href="">张三</a></div>
				<div>
					<div>
						<a href="">
							<p>通用缓存存储方案设计</p>
						</a>
					</div>
				</div>
				<div><a href="">张三</a></div>
				<div>
					<div>
						<a href="">
							<p>一进群就水群？试试这个水群拦截工具</p>
						</a>
					</div>
				</div>
				<div>
					<div>
						<a href="">
							<p></p>
						</a>
					</div>
				</div>
				<div>
					<div>
						<a href="">
							<p></p>
						</a>
					</div>
				</div>
			</div>
			
			
			<ul>
				<li><a href="">前端开发</a></li>
				<li><a href="">后端开发</a></li>
				<li><a href="">云计算/大数据</a></li>
				<li><a href="">移动开发</a></li>
				<li><a href="">人工智能</a></li>
			</ul>
			<ol>
				<li><a href="">前端开发</a></li>
				<li><a href="">后端开发</a></li>
				<li><a href="">云计算/大数据</a></li>
				<li><a href="">移动开发</a></li>
				<li><a href="">人工智能</a></li>
			</ol>
			<ul class="green">
				<li><a href="">前端开发</a></li>
				<li><a href="">后端开发</a></li>
				<li><a href="">云计算/大数据</a></li>
				<li><a href="">移动开发</a></li>
				<li><a href="">人工智能</a></li>
				<div><a href="">ETL工程师</a></div>
			</ul>
			
		</body>
	</html>